<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>信息确认</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <!--二次分享调用微信sdk-->
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body class="um-vp ub ub-ver">
<div style="font-size: 1.25em;text-align: center;margin-top: 0.5em;">信息确认</div>
<form id="confirmForm" action="submit" th:object="${geneOrder}" method="post">
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <input type="hidden" name="id" id="id" th:value="${geneOrder.id}" th:field="*{id}" placeholder=""/>
            <input type="hidden" name="openId" id="openId" th:value="${openId}" placeholder=""/>
            <input type="hidden" name="orderNo" id="orderNo" th:value="${geneOrder.orderNo}" th:field="*{orderNo}"
                   placeholder=""/>
            <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" th:value="${geneOrder.patientName}" th:field="*{patientName}"
                       placeholder=""/>
            </div>
        </div>

        <!--<div class="weui-cell">
            <input type="hidden" name="sex" id="sex" th:value="${geneOrder.sex}" th:field="*{sex}" placeholder=""/>
            <div class="weui-cell__hd"><label class="weui-label">性别</label></div>
            <div class="weui-cell__bd" th:if="${geneOrder.sex==1}">
                <label for="radio1"><input type="radio" id="radio1" value="1" name="psex" checked>男
                </label>&nbsp;&nbsp;&nbsp;&nbsp;
                <label for="radio2"><input type="radio" id="radio2" value="0" name="psex">女</label>
            </div>
            <div class="weui-cell__bd" th:if="${geneOrder.sex==0}">
                <label for="radio1"><input type="radio" id="radio1" value="1" name="psex">男
                </label>&nbsp;&nbsp;&nbsp;&nbsp;
                <label for="radio2"><input type="radio" id="radio2" value="0" name="psex" checked>女</label>
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">年龄</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" pattern="[0-9]*" th:value="${geneOrder.age}" th:field="*{age}"
                       placeholder=""/>
            </div>
        </div>-->
        <div class="weui-cell weui-cell_vcode">
            <div class="weui-cell__hd">
                <label class="weui-label">联系电话</label>
            </div>
            <div class="weui-cell__bd">
                <input name="patientPhoneNumber" id="patientPhoneNumber" class="weui-input" type="tel"
                       th:value="${geneOrder.patientPhoneNumber}" th:field="*{patientPhoneNumber}" placeholder=""/>
            </div>
            <div class="weui-cell__ft">
                <button type="button" class="weui-vcode-btn" id="captchaBtn" onclick="passMns(this);">获取验证码</button>
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
            <div class="weui-cell__bd">
                <input name="verificationCode" id="verificationCode" class="weui-input" type="text" placeholder=""/>
            </div>
        </div>

        <!--<div class="weui-cell" style="-webkit-box-align: normal; -webkit-align-items: normal; align-items: normal;">
            <div class="weui-cell__hd"><label class="weui-label">检测项目</label></div>
            <div class="weui-cell__bd">
                <textarea class="weui-textarea" readonly>[[${testItems}]]</textarea>
            </div>
        </div>-->

        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">总费用</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" th:value="'￥'+${geneOrder.totalCharges}" readonly/>
            </div>
        </div>
    </div>
</form>
<div class="weui-cells__tips" style="margin-bottom: 1.5em;font-size: 1em;color: #303030">
    <p style="font-size: 1.25em;">※知情同意书</p>
    <br/>
    华生平台实验室的基因检测产品采用国际先进的检测技术，对受检样本中基因改变进行检测，并对获得的检测数据进行生物信息学分析和临床应用分析，从而给出针对受检者特定基因突变情况的最佳应对方案或建议。
    <br/>
    1.鉴于基因的复杂性及科研水平局限性，基因测序并不能检测所有突变位点并提供完整的遗传信息；同时限于现在的临床及科研水平不是所有与疾病发生、诊断、治疗相关的基因都被临床所证实；
    <br/>
    2.鉴于当前医学检测技术水平的限制和受检者个体差异等原因，单次检测的结果仍有可能出现小概率的假阳性或假阴性；
    <br/>
    3.如果新的研究进展可能对受检者的检测结果提供新的解读信息，华生平台愿意接受受检者的咨询；
    <br/>
    4.在检测过程中及知晓检测结果后，受检者可能会出现不同程度的精神压力和负担，本检测机构不承担任何责任；
    <br/>
    5.由于不同类型的样本本身存在差异，且肿瘤是一个动态发展过程，本检测机构只对受检样本和检测结果的一致性负责，而不能对受检测者和受检样本的一致性负责；
    <br/>
    6.由于样本质量或其他不可抗拒因素（如不可抗拒的技术障碍、采集管破裂、实验试剂异常等）所致样本损耗，受检者需要配合检测机构再次提供新的样本重新检测，检测周期从新样本接收之日起重新计算，若存在异议，双方协商后可选择终止合同并全额退款。
    <br/>
    7.穿刺小样本及血液样本检测需承担以下检测风险：
    <br/>
    1）穿刺小样本中的结缔组织含量影响DNA提取质量，易造成测序结果的不准确，DNA质检合格后的样本仍存在数据质量不合格风险。
    <br/>
    2）若检测过程中出现可能造成检测延期的异常情况，检测双方需预先沟通确认检测方法及最终检测截至日期。（注：异常情况告知后，因反馈不及时造成的时间延误不计入检测周期内）。
    <br/>
    3）如果是采用血液样本，偶尔会因天气或个体体质原因出现溶血的现象而影响检测，体质原因也可能造成多次溶血而需要再次采样的情况，检测周期以新样本接收之日起重新计算。
    <br/>
    <br/>
    受检者知情声明
    <br/>
    我已知晓该检测项目的相关内容，充分了解该检测的性质、预期目的、风险和必要性，对其中的疑问已经得到解答；
    <br/>
    我知晓该检测的准确率并非百分之百，该结果仅作参考，辅助临床诊断，不代表临床诊断意见，需经临床医师/遗传咨询专家结合各方面情况综合诊断；
    <br/>
    1.我承诺以上资料属实，样本取自本人，并自愿委托华生平台接受基因检测服务；
    <br/>
    2.本次检测所涉及的个人隐私信息未经本人许可不可透露给任何第三方，公司对隐私的了解仅限于因服务需要而接触检测报告的相关服务人员。
    <br/>
    3.我授权检测机构在对个人信息进行隐私保护的前提下，将基于个人所获取的实验数据用于科学研究，并允许检测机构通过该实验数据获得相关的知识产权。
    <br/>
    4.我授权检测机构对检测涉及的样本进行处理，包括组织、血液和医疗废弃物等。
    <br/>
    5.我同意支付相关费用，在未收到商业发票前，以此申请单作为付款依据。
    <br/>
    <br/>
    <p style="font-size: 1.25em;">我已知晓上述所有内容，愿意进行该检测、同意回访。</p>
    <br/>

    <footer class="footer-wrap">
        <a href="javascript:;" id="submit" class="weui-btn weui-btn_primary"
           style="margin-bottom: 1em;margin-left: 0.75em;margin-right: 0.75em">同意</a>
    </footer>

    <script src="//cdn.jsdelivr.net/jquery/1.12.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
    <script type="text/javascript" th:inline="javascript">
        $(function () {
            $('.weui-tabbar__item').removeClass('weui-bar__item_on');
            $('#menu_order').addClass('weui-bar__item_on');
        });

        var MSG_ACCEPT_INTERVAL = 60;

        var wait = MSG_ACCEPT_INTERVAL;

        //调用设置验证码的方法
        function passMns(o) {
            $.ajax({
                url: '/api_order/v1.0/genetic/testing/orders/sendMessage?phone=' +
                $("input[name=patientPhoneNumber]").val() +
                '&action=patientConfirm',// 跳转到 action
                type: 'post',
                cache: false,
                success: function (data) {
                    if (data && data.code == "200") {
                        alert("发送成功");
                        time(o);
                    } else {
                        alert("发送失败，" + data.desc);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("发送失败，" + XMLHttpRequest.status);
                }
            });
        }
        //设置验证码读取时间
        function time(o) {
            if (wait == 0) {
                o.removeAttribute("disabled");
                o.innerHTML = "发送验证码";
                wait = MSG_ACCEPT_INTERVAL;
            }
            else {
                o.setAttribute("disabled", true);
                o.innerHTML = "正在发送(" + wait + "s)";
                wait--;
                setTimeout(function () {
                        time(o)
                    },
                    1000);
            }
        }
        $("#submit").on('click', function (event) {
            var cursor = $("#submit").css('cursor');
            if (cursor == 'pointer' || cursor == 'auto') {
                var id = [[${geneOrder.id}]];
                $.ajax({
                    // 跳转到 action
                    url: '/api_order/v1.0/genetic/testing/orders/' + id + '/patient/confirmation',
                    data: JSON.stringify({
                        id: id,
                        action: 'patientConfirm',
                        mobile: $("input[name=patientPhoneNumber]").val(),
                        verification: $("input[name=verificationCode]").val()
                    }),
                    type: 'put',
                    contentType: "application/json",
                    dataType: 'json',
                    success: function (data) {
                        if (data && data.code == "200") {
                            alert("操作成功");
                            $("#submit").css({"cursor": "not-allowed", "background-color": "#9c9c9c"});
                            $("#submit").text('已同意');
                        } else {
                            alert("操作失败，" + data.desc);
                            $("#submit").css("cursor", "pointer");
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert("操作失败，" + XMLHttpRequest.status);
                        $("#submit").css("cursor", "pointer");
                    }
                });
            } else {
                event.preventDefault();
            }
            return false;
        });
    </script>

</body>
</html>